<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>出售信息</title>
		<script type="text/javascript" src="../layui/layui.js"></script>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<link rel="stylesheet" type="text/css" href="../css/backer/SellInfo.css"/>
	</head>
	<body>

		<div class="head-div">
			<i class="layui-icon layui-icon-list">&nbsp;信息管理</i>
		</div>
		<div class="maintemplate"><br /><br />
			<ul>
				<li class="blues">已上架</li>
				<li>已下架</li>
				<div></div>
			</ul>
			<hr class="gray-line" />


			<div href="#" class="indiv" name="a1" >
				<div class="btndiv layui-input-block">
					<form class="layui-form">
						<!--&lt;!&ndash;<button class="layui-btn" style="float:left;margin-left:15px;background-color: #409EFF;color: #FFFFFF;">批量上架</button>&ndash;&gt;
						<button class="layui-btn" lay-event="getCheckData1" data-type="getCheckData" style="float:left;background-color: #909399;color: #FFFFFF;">批量下架</button>
						<button class="layui-btn" lay-event="getCheckData11" style="float:left;background-color: #F56C6C;color: #FFFFFF;">批量删除</button>&nbsp;-->
						<input type="text" placeholder="标题关键词" style=" float:left;margin-left:15px;padding-left: 10px;border-radius: 5px;" name="title" class="layui-input selectKeyWord">&nbsp;
						<button class="layui-btn selectKeyWord-btn" lay-submit lay-filter="formDemo" style=" float:left;margin-left:15px;">搜索</button>
					</form>
				</div>
				<div class="tablediv">
					<div>
						<table id="demo" lay-filter="test1" style="" ></table>
						<script type="text/html" id="barDemo">
							<a class="layui-btn layui-btn-xs" lay-event="down">下架</a>
							<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
							<a class="layui-btn layui-btn-xs" lay-event="del">删除</a>
						</script>
					</div>
					<div class="detailsdiv"><br />
						<p>1：列表排序规则：置顶推广>精选>刷新</p>
						<p>2：精选房源，每天有免费条数可供设置。超出免费条数需支付金币，一经支付概不退还，敬请注意。</p>
						<p>3：精选房源设置后，系统将自动执行信息刷新次数。</p>
						<p>4：如遇待审状态，请检查信息内容是否违规，及时留意站内通知。客服电话：400-600-0716</p>
					</div>
				</div>
			</div>


			<div href="#" class="indiv" name="a2" >
				<div class="btndiv layui-input-block">
					<form class="layui-form">
						<!--<button class="layui-btn" lay-event="getCheckData2" style="float:left;margin-left:15px;background-color: #409EFF;color: #FFFFFF;">批量上架</button>
						&lt;!&ndash;<button class="layui-btn" style="background-color: #909399;color: #FFFFFF;">批量下架</button>&ndash;&gt;
						<button class="layui-btn" lay-event="getCheckData22" style="float:left;background-color: #F56C6C;color: #FFFFFF;">批量删除</button>&nbsp;	-->					<!--required  lay-verify="required" autocomplete="off"-->
						<input type="text" placeholder="标题关键词" style=" float:left;margin-left:15px;padding-left: 10px;border-radius: 5px;" name="title2" class="layui-input selectKeyWord">&nbsp;
						<button class="layui-btn selectKeyWord-btn" lay-submit lay-filter="formDemo2" style=" float:left;margin-left:15px;">搜索</button>
					</form>
				</div>
				<div class="tablediv">
					<div>
						<table id="demo2" lay-filter="test2" style="" ></table>
						<script type="text/html" id="barDemo2">
							<a class="layui-btn layui-btn-xs" lay-event="up2">上架</a>
							<a class="layui-btn layui-btn-xs" lay-event="edit2">编辑</a>
							<a class="layui-btn layui-btn-xs" lay-event="del2">删除</a>
						</script>
					</div>
					<div class="detailsdiv"><br />
						<p>1：列表排序规则：置顶推广>精选>刷新</p>
						<p>2：精选房源，每天有免费条数可供设置。超出免费条数需支付金币，一经支付概不退还，敬请注意。</p>
						<p>3：精选房源设置后，系统将自动执行信息刷新次数。</p>
						<p>4：如遇待审状态，请检查信息内容是否违规，及时留意站内通知。客服电话：400-600-0716</p>
					</div>
				</div>
			</div>


		</div>
	</body>

	<script>

		$(function(){
			$(".maintemplate").children("div").hide();
			$(".maintemplate").children("div").eq(0).show();
		})
		$(".maintemplate ul li").click(function(){
			$(".maintemplate ul div").animate({"left":$(this).index()*100+"px"},300);
			$(this).siblings().removeClass("blues");
			$(this).addClass("blues");
			$(".maintemplate").children("div").hide();
			$(".maintemplate").children("div").eq($(this).index()).show();
		});

		layui.use(['table','form'], function(){
			var table = layui.table;
			var form = layui.form;

			table.render({
				id: 'tbl1'
				, elem: '#demo'
				, height: 210
				, limit: 3
				, cellMinWidth: 150
				, url: 'http://localhost:8080/sell/sellinfo'
				, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
					layout: ['first', 'prev', 'page', 'next', 'last'], //自定义分页布局
					groups: 3, //只显示 3 个连续页码
					first: '首页', //首页
					prev: '上一页',
					next: '下一页',
					last: '尾页', //尾页
					curr: 1, //第几页，默认值是1
				}
				, cols:
						[
							[
								{
									field: 'id', title: 'ID', align: 'center', width: '5%',
									templet: function (d) {
										return d.house.id;
									}
								}
								, {
								title: '标题', align: 'center', width: '15%',
								templet: function (d) {
									return d.house.title;
								}
							}
								, {
								field: 'price', title: '价格/万元', width: '10%', align: 'center',
								templet: function (d) {
									return d.house.price;
								}
							}
								, {
								title: '发布时间', align: 'center', width: '15%',
								templet: function (d) {
									return d.beginTime;
								}
							}
								, {
								title: '状态', align: 'center', width: '10%',
								templet: function (d) {
									return d.online ? '已上架' : '已下架';
								}
							}
								, {
								title: '频道', align: 'center', width: '10%',
								templet: function (d) {
									return d.type == 2 ? '二手房' : d.type == 3 ? '出租' : '新房';
								}
							}
								, {
								title: '当前楼层', align: 'center', width: '10%',
								templet: function (d) {
									return d.house.storeyUser;
								}
							}
								, {
								title: '房屋面积/m²', align: 'center', width: '10%',
								templet: function (d) {
									return d.house.houseSize;
								}
							}
								, {title: '操作', align: 'center', width: '15.4%', toolbar: '#barDemo'}
							]
						]
			});


			table.render({
				id:'tbl2'
				,elem: '#demo2'
				,height: 210
				,limit:3
				,cellMinWidth: 150
				,url:'http://localhost:8080/sell/sellinfo2'
				,page : { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
					layout : ['first','prev', 'page', 'next','last'], //自定义分页布局
					groups : 3, //只显示 3 个连续页码
					first : '首页', //首页
					prev : '上一页',
					next : '下一页',
					last : '尾页', //尾页
					curr : 1, //第几页，默认值是1
				}
				,cols:
						[
							[
								{
									field: 'id', title: 'ID', align: 'center', width: '5%',
									templet: function (d) {
										return d.house.id;
									}
								}
								, {
								title: '标题', align: 'center', width: '15%',
								templet: function (d) {
									return d.house.title;
								}
							}
								, {
								field: 'price', title: '价格/万元', width: '10%', align: 'center',
								templet: function (d) {
									return d.house.price;
								}
							}
								, {
								title: '发布时间', align: 'center', width: '15%',
								templet: function (d) {
									return d.beginTime;
								}
							}
								, {
								title: '状态', align: 'center', width: '10%',
								templet: function (d) {
									return d.online ? '已上架' : '已下架';
								}
							}
								, {
								title: '频道', align: 'center', width: '10%',
								templet: function (d) {
									return d.type == 2 ? '二手房' : d.type == 3 ? '出租' : '新房';
								}
							}
								, {
								title: '当前楼层', align: 'center', width: '10%',
								templet: function (d) {
									return d.house.storeyUser;
								}
							}
								, {
								title: '房屋面积/m²', align: 'center', width: '10%',
								templet: function (d) {
									return d.house.houseSize;
								}
							}
								, {title: '操作', align: 'center', width: '15.4%', toolbar: '#barDemo2'}
							]
						]
			});



			$('.demoTable .layui-btn').on('click', function(){
				var type = $(this).data('type');
				active[type] ? active[type].call(this) : '';
			});

			//监听提交
			form.on('submit(formDemo)', function(data){
				layui.table.reload('tbl1',{
					method:'post',
					where:{title:$("[name=title]").val()}
				})
				return false;
			});

			//监听提交
			form.on('submit(formDemo2)', function(data){
				layui.table.reload('tbl2',{
					method:'post',
					where:{title:$("[name=title2]").val()}
				})
				return false;
			});

			table.on('tool(test1)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
				var data = obj.data; //获得当前行数据
				var layEvent = obj.event; //获得 lay-event 对应的值
				if(layEvent === 'edit'){
					/*console.log("-----"+data);
					console.log("-----"+data.id);*/
					location.href='http://localhost:8080/sell/modify?id='+data.house.id;
				}else if(layEvent === 'down') {
					if(confirm("是否下架？")) {
						$.ajax({
							url: 'http://localhost:8080/sell/status2'
							, data: {'downid': data.id}
							, type: 'post'
							, dataType: 'json'
							, success: function (data) {
								if (data == true) {
									window.location.reload();
								} else {
									alert("失败！");
								}
							}
						})
					}
				}else if(layEvent === 'del') {
					if (confirm("是否删除？")) {
						$.ajax({
							url: 'http://localhost:8080/sell/status2'
							, data: {'id': data.id}
							, type: 'post'
							, dataType: 'json'
							, success: function (data) {
								if (data == true) {
									window.location.reload();
								} else {
									alert("失败！");
								}
							}
						})
					}
				}
			});

			table.on('tool(test2)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
				var data = obj.data; //获得当前行数据
				/*$("uponline").val(data.id);*/
				var layEvent = obj.event; //获得 lay-event 对应的值
				if(layEvent === 'edit2'){
					location.href='http://localhost:8080/sell/modify?id='+data.house.id;
				}else if(layEvent === 'up2'){
					if(confirm("是否上架？")) {
						$.ajax({
							url: 'http://localhost:8080/sell/status2'
							, data: {'upid': data.id}
							, type: 'post'
							, dataType: 'json'
							, success: function (data) {
								if (data == true) {
									window.location.reload();
								} else {
									alert("失败！");
								}
							}
						})
					}
				}else if(layEvent === 'del2') {
					if (confirm("是否删除？")) {
						$.ajax({
							url: 'http://localhost:8080/sell/status2'
							, data: {'id': data.id}
							, type: 'post'
							, dataType: 'json'
							, success: function (data) {
								if (data == true) {
									window.location.reload();
								} else {
									alert("失败！");
								}
							}
						})
					}
				}
			});


		});

	</script>


</html>
